<template>
  <!-- <section class="am-vertical-align"> -->
    <span :class="['am-icon-sm', 'am-inline', 'dg-text-gray', 'dg-icon-style', 'dg-icon-pos', 'am-icon-' + type]" @click="clickHandle">
      <slot></slot>
    </span>
  <!-- </section> -->
</template>

<script>
export default {
  name: 'dg-slot-icon',
  props: ['type', 'name'],
  methods: {
    clickHandle() {
      this.$emit('click');
    }
  }
}
</script>

<style>
</style>